<template>
  <div>
    <dplayer ref="dplayer" :dplayerData="dplayerData"></dplayer>
  </div>
</template>

<script>
import dplayer from '@/components/dplayer'
export default {
  components: {
    dplayer,
  },
  data() {
    return {
      dplayerData: {
        style:
          'width:100%;height:672px;position: absolute;bottom: 0;right: 0;',
      },
      info: { video: 'http://piper-blog.oss-cn-hangzhou.aliyuncs.com/root/root1669815021533.mp4?Expires=1669907056&amp;OSSAccessKeyId=LTAI5tD6fXjgrxvAXLkSunev&amp;Signature=4QPkBMJnjzaAGk5ZLbqgBFWqAe0%3D', pic: '封面图链接' },
    }
  },
  created() {
    setTimeout(() => {
      this.switchVideo()
    }, 500)
  },
  methods: {
    switchVideo() {
      this.$refs.dplayer.switchVideo(this.info)
    },
  },
}
</script>


